<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" contect="http://www.webqin.net">
<title>忘记密码</title>
<link rel="shortcut icon" href="images/favicon.ico" />
<link type="text/css" href="../../../css/css.css" rel="stylesheet" />
<script type="text/javascript" src="../../../js/jquery-1.8.3-min.js"></script>
<script type="text/javascript">
 //导航定位
 $(function(){
	// $(".nav li:eq(2) a:first").addClass("navCur")
	 //验证手机 邮箱 
	 $(".selyz").change(function(){
	   var selval=$(this).find("option:selected").val();
		 if(selval=="0"){
			 $(".sel-yzsj").show()
			 $(".sel-yzyx").hide()
			 }
		 else if(selval=="1"){
			 $(".sel-yzsj").hide()
			 $(".sel-yzyx").show()
			 }
		 })
	 })
</script>
</head>

<body>

  <div class="content">
   <div class="web-width">
     <div class="for-liucheng">
      <div class="liulist for-cur"></div>
      <div class="liulist for-cur"></div>
      <div class="liulist"></div>
      <div class="liulist"></div>
      <div class="liutextbox">
       <div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div>
       <div class="liutext for-cur"><em>2</em><br /><strong>验证身份</strong></div>
       <div class="liutext"><em>3</em><br /><strong>设置新密码</strong></div>
       <div class="liutext"><em>4</em><br /><strong>完成</strong></div>
      </div>
     </div><!--for-liucheng/-->
     <form action="Pwd3.jsp" method="get" class="forget-pwd">
       <dl>
        <dt>验证方式：</dt>
        <dd>
         <select class="selyz">
          <option value="0">短信验证</option>

         </select>
        </dd>
        <div class="clears"></div>
       </dl>

       <dl class="sel-yzsj">
        <dt>已验证手机：</dt>
        <dd><input type="text" value="1851****517" readonly  /></dd>
        <div class="clears"></div>
       </dl>

       <dl>
        <dt>手机校验码：</dt>
        <dd> <input type="text" class="c_code_msg" style="margin-right: 10px;" placeholder="请填写收到的验证码！">
            <span class="msgs">获取短信验证码</span></dd>
        <div class="clears"></div>
       </dl>
       <div class="subtijiao"><input type="submit" value="提交" /></div> 
      </form><!--forget-pwd/-->
   </div><!--web-width/-->
  </div><!--content/-->
  <script type="text/javascript" src="../../../js/jquery.js"></script>
  <script type="text/javascript">
      $(function  () {
          //获取短信验证码
          var validCode=true;
          $(".msgs").click (function  () {
              var time=60;
              var code=$(this);
              if (validCode) {
                  validCode=false;
                  code.addClass("msgs1");
                  var t=setInterval(function  () {
                      time--;
                      code.html(time+"秒");
                      if (time==0) {
                          clearInterval(t);
                          code.html("重新获取");
                          validCode=true;
                          code.removeClass("msgs1");

                      }
                  },1000)
              }
          })
      })
  </script>

  <style type="text/css">
      form{margin:200px auto;width:500px;}
      label{font-size:14px;color:#555;line-height:40px;margin-right:10px;}
      input{width:212px;height:38px;border-style:none;padding:0 4px;border:1px solid #C8C8C8;margin-right:10px;outline:none;}
      .msgs{display:inline-block;width:104px;color:#fff;font-size:12px;border:1px solid #0697DA;text-align:center;height:30px;line-height:30px;background:#0697DA;cursor:pointer;}
      form .msgs1{background:#E6E6E6;color:#818080;border:1px solid #CCCCCC;}
  </style>

 <div>

  <form>

      <label style="float:left;"></label>
      <label style="float:left;">为该手机号发送验证码</label>
      <input type="text" class="c_code_msg" style="margin-right: 10px;" value="18591086232"  disabled="true">


      <input type="text" class="c_code_msg" style="margin-right: 10px;" placeholder="请填写收到的验证码！">
      <span class="msgs">获取短信验证码</span>
      <input type="submit"  value="提交" width="18px"height="">
  </form>
 </div>
  </body>
</html>
